<style scoped >
     
</style>
<template>
    <Form ref="formItem" :model="formItem" :label-width="80" inline>
	        <Form-item label="用户姓名">
	            <Input v-model="formItem.username" placeholder="请输入"></Input>
	        </Form-item>
	        <Form-item>
            	<Button icon="ios-search" type="primary">查询</Button>
        	</Form-item>
 		<Card :bordered="false">
        	<Table  size="small" :columns="columns1" :data="data2"></Table>
        	<Page :total="40"   show-elevator show-sizer></Page>
        </Card>
	</Form>
</template>
<script>
    export default {
        data () {
            return {
                formItem: {
                    username: '测试用户名'
                },
                columns1: [
                    {
                        title: '姓名',
                        key: 'name'
                    },
                    {
                        title: '年龄',
                        key: 'age'
                    },
                    {
                        title: '地址',
                        key: 'address'
                    }
                ],
                data2: [
                    {
                        name: '王小明',
                        age: 18,
                        address: '北京市朝阳区芍药居'
                    },
                    {
                        name: '张小刚',
                        age: 25,
                        address: '北京市海淀区西二旗'
                    },
                    {
                        name: '李小红',
                        age: 30,
                        address: '上海市浦东新区世纪大道'
                    },
                    {
                        name: '周小伟',
                        age: 26,
                        address: '深圳市南山区深南大道'
                    },
                    {
                        name: '王小明',
                        age: 18,
                        address: '北京市朝阳区芍药居'
                    },
                    {
                        name: '张小刚',
                        age: 25,
                        address: '北京市海淀区西二旗'
                    },
                    {
                        name: '李小红',
                        age: 30,
                        address: '上海市浦东新区世纪大道'
                    },
                    {
                        name: '周小伟',
                        age: 26,
                        address: '深圳市南山区深南大道'
                    }
                ]
            }
        },
        mounted () {

        },
        beforeDestroy () {

        },
        methods: {

        }
    }
</script>
